 <!DOCTYPE html>
<html lang="en">
 
<head>
  <title>超重记录表管理</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../bootstrap4/css/bootstrap.min.css">
  <link rel="stylesheet" href="css2/style2.css">
  
  <script src="../js2/jquery.min.js"></script>
  <script src="../js2/popper.min.js"></script>
  <script src="../bootstrap4/js/bootstrap.min.js"></script>
</head>
<script type="text/javascript">
//页面加载的时候,所有的复选框都是未选中的状态
function checkOrCancelAll(){
	//1.获取checkbo的元素对象
	var chElt = $("#chElt").val();
	
	//3.若checked=true,将所有的复选框选中,checked=false,将所有的复选框取消
	var allCheck=document.getElementsByName("interest");
	
	//4.循环遍历取出每一个复选框中的元素
	//var mySpan=document.getElementById("mySpan");
	if(chElt == '0'){
		//全选
		for(var i=0;i<allCheck.length;i++){
			//设置复选框的选中状态
			allCheck[i].checked=true;
		}
		$("#chElt").val("1");
	}else{
		//取消全选
		for(var i=0;i<allCheck.length;i++){
			allCheck[i].checked=false;
		}
		$("#chElt").val("0")
	}
} 
</script>
<body>
 <div class="header-area" id="headerArea">
   <div class="container h-100 d-flex align-items-center justify-content-between">
     <!-- 回到首页-->
     <div class="logo-wrapper">
     <a th:href="@{/weight}"> 返回 </a>
	 </div>
     <!-- Search Form-->
     <div class="top-search-form">
      	  超重记录表管理
     </div>
     <!-- 客户详情-->
     <div class="suha-navbar-toggler d-flex justify-content-between flex-wrap" id="suhaNavbarToggler"><span></span><span></span><span></span></div>
   </div>
 </div>
 
<div id="wrapper" class="toggled">
  <div class="container mt60"  >
 	<div class="row clearfix">
		<div class="col-md-12 column">
			 
			<!--  
			 <button type="button" class="btn btn-default btn-success"  onclick="checkOrCancelAll();" >删除</button>
			 <button type="button" class="btn btn-default btn-success fr "  onclick="checkOrCancelAll();" >修改</button>
			-->
		</div>
	</div>
	</div>
 <div class="container mt10"  >
	<div class="row clearfix">
		<div class="col-md-6 column">
			<table class="table table-striped table-bordered">
				<thead>
					<tr>
					   
						<th class="text-center"> 序<br/>号</th> 
						<th>重量</th>
						<th>称重时间</th>
					</tr>
				</thead>
				<tbody>
					<tr th:each="overloadInfo : ${overloadInfoVOList}">
						<td><span th:text="${overloadInfoStat.count}"></span></td>
						<td><span th:text="${overloadInfo.overloadCount}"></span></td>
						<td><span th:text="${overloadInfo.overloadDate}"></span></td>
					</tr>					 
				</tbody>
			</table>
		</div>
	 </div>
  </div>
</div>
</body>
</html>